<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title>压路机报警设置</title>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
	<style type="text/css">
		.P_div{
			position: absolute;
			left: 0;
			top: 10%;
			right:0; 
			font-size: 16px;
			overflow-y: auto;
			bottom: 0;
		}
		
		.trapezoid-1{
			position: absolute;
			height:0;
			width:100px;
			border-bottom:22px solid #e5c3b2;
			border-right:30px solid transparent;
		}
		.tat{
			width: 60%;
		    padding: 40px 0;
		    border: 1px solid #ccc;
		    margin: 10px auto;
		    border-radius: 8px;
		}
		.mainbox{
			border:1px solid #ccc;
			height:80px;
			color:#999;
			text-align: center;
			padding: 20px 0;
			border-radius: 0px 10px 10px 0px;
		}
		.title{
			line-height:35px;
			display: inline-block;
			padding: 0 15px;
			color:#666;
			position: absolute;
			height:0;
			width:100px;
			border-bottom:36px solid #ccc;
			border-right:30px solid transparent;
		}
		.mainbox input{
			height: 30px;
			width: 200px;
			border-radius: 5px;
			border: 1px solid #999;
		}
		.save_button{
			border: 1px solid  #078eff;
		    width: 81px;
		    height: 32px;
		    position: absolute;
		    text-align: center;
		    box-sizing: border-box;
		    line-height: 32px;
		    left: 45%;
		    margin: 10px auto;
	        background-color:  #078eff;
    		color: #fff;
			cursor: pointer;
			border-radius: 3px;
		}
		.tab{
			width: 60%;
			margin: 10px auto;
		}
		.boxheight{
			height:35px;
		}
		
	</style>
</head>
<body class="easyui-layout" style="margin: 0;padding: 0;">
	<div data-options="region:'north',border:false,height:'auto'" style="width:100%;background: transparent;">
		<form id="searchform">
			<!-- <div class="tabseach clear">
				 <div class="groundform clear">
				    <label>可用状态：</label>
					<div class="inputWidth">
			            <input class="easyui-combobox" name="status" id="searchStatus" data-options="prompt:'请选择可用状态',validType:'null'">
				    </div>
				</div>
			</div> -->
		</form>
	</div>
	<div data-options="region:'center',split:false,border:false" class="marginTop" style="background: transparent;">
		<form id="alarm_form">
			<div class="P_div">
				<div class="tab">
					<div class="boxheight"><span class="title">一级报警</span></div>
					<div class="mainbox">
						速度上限：<input class="easyui-numberbox" name="levelOneLimit" id="levelOneLimit" data-options="precision:2,min:0,required:true,validType:'matchInterception',prompt:'请输入一级警报'"> km/h
					</div>
				</div>
				<div class="tab">
					<div class="boxheight"><span class="title">二级报警</span></div>
					<div class="mainbox">
						速度上限：<input class="easyui-numberbox" name="levelTwoLimit" id="levelTwoLimit" data-options="precision:2,min:0,required:true,validType:'matchInterception',prompt:'请输入二级警报'"> km/h
					</div>
				</div>
				<div class="tab">
					<div class="boxheight"><span class="title">三级报警</span></div>
					<div class="mainbox">
						速度上限：<input class="easyui-numberbox" name="levelThreeLimit" id="levelThreeLimit" data-options="precision:2,min:0,required:true,validType:'matchInterception',prompt:'请输入三级警报'"> km/h
					</div>
				</div>
				<a class="save_button">保存</a>
			</div>
		</form>
	</div>
	
</body>

<script>
	seajs.use("dcs/alarm/js/alarm",function(A){
		A.trans();
	}); 
</script>
</html>
